#move{
    width: 50px;
    height: 50px;
    position: absolute;
    /*top: -10px;*/
    top: 100px;
    left: 0;
    /* background-color: red;*/
    border-radius: 50%;
    /*transform: rotate(30deg);*/
    /*animation:move1ball 4s linear infinite;*/
}
#move00{
    width: 50px;
    height: 50px;
    position: absolute;
    /*top: -10px;*/
    top: 100px;
    left: 0;
    /* background-color: red;*/
    border-radius: 50%;
    /*animation-delay: 2s;*/
    /*transform: rotate(30deg);*/
    /*animation:move1ball 4s linear infinite;*/
}
#move1{
    width: 50px;
    height: 50px;
    position: absolute;
    /*top: -10px;*/
    top: 100px;
    left: 0;
    /* background-color: red;*/
    border-radius: 50%;
    /*animation: move2ball 4s linear infinite;*/
}
#move01{
    width: 50px;
    height: 50px;
    position: absolute;
    /*top: -10px;*/
    top: 100px;
    left: 0;
    /* background-color: red;*/
    border-radius: 50%;
    /*animation-delay: 2s;*/
    /*animation: move2ball 4s linear infinite;*/
}
#move2{
    width: 50px;
    height: 50px;
    position: absolute;
    /*top: -10px;*/
    top: 100px;
    right: 0px;
    /* background-color: red;*/
    border-radius: 50%;
    /*display: none;*/
    /*animation: move3ball 4s linear infinite;*/
}
#move02{
    width: 50px;
    height: 50px;
    position: absolute;
    /*top: -10px;*/
    top: 100px;
    right: 0px;
    /* background-color: red;*/
    border-radius: 50%;
    /*display: none;*/
    /*animation: move3ball 4s linear infinite;*/
}
#move3{
    width: 50px;
    height: 50px;
    position: absolute;
    /*top: -10px;*/
    top: 100px;
    right: 0px;
    /* background-color: red;*/
    border-radius: 50%;
    /*display: none;*/
    /*animation: move4ball 4s linear infinite;*/
}
#move03{
    width: 50px;
    height: 50px;
    position: absolute;
    /*top: -10px;*/
    top: 100px;
    right: 0px;
    /* background-color: red;*/
    border-radius: 50%;
    /*display: none;*/
    /*animation: move4ball 4s linear infinite;*/
}
#move4{
    width: 50px;
    height: 50px;
    position: absolute;
    /*top: -10px;*/
    top: 100px;
    left: 0;
    /* background-color: red;*/
    border-radius: 50%;
    /*animation: move5ball 4s linear infinite;*/
}
#move04{
    width: 50px;
    height: 50px;
    position: absolute;
    /*top: -10px;*/
    top: 100px;
    left: 0;
    /* background-color: red;*/
    border-radius: 50%;
    /*animation: move5ball 4s linear infinite;*/
}
#move5{
    width: 50px;
    height: 50px;
    position: absolute;
    /*top: -10px;*/
    top: 100px;
    right: 0px;
    /* background-color: red;*/
    border-radius: 50%;
    /*display: none;*/
    /*animation: move6ball 4s linear infinite;*/
}
#move05{
    width: 50px;
    height: 50px;
    position: absolute;
    /*top: -10px;*/
    top: 100px;
    right: 0px;
    /* background-color: red;*/
    border-radius: 50%;
    /*display: none;*/
    /*animation: move6ball 4s linear infinite;*/
}
#move6{
    width: 50px;
    height: 50px;
    position: absolute;
    /*top: -10px;*/
    top: 100px;
    left: 0;
    /* background-color: red;*/
    border-radius: 50%;
    /*animation: move7ball 4s linear infinite;*/
}
#move06{
    width: 50px;
    height: 50px;
    position: absolute;
    /*top: -10px;*/
    top: 100px;
    left: 0;
    /* background-color: red;*/
    border-radius: 50%;
    /*animation: move7ball 4s linear infinite;*/
}
#move7{
    width: 50px;
    height: 50px;
    position: absolute;
    /*top: -10px;*/
    top: 100px;
    right: 0px;
    /* background-color: red;*/
    border-radius: 50%;
    /*display: none;*/
    /*animation: move8ball 4s linear infinite;*/
}
#move07{
    width: 50px;
    height: 50px;
    position: absolute;
    /*top: -10px;*/
    top: 100px;
    right: 0px;
    /* background-color: red;*/
    border-radius: 50%;
    /*display: none;*/
    /*animation: move8ball 4s linear infinite;*/
}
#move8{
    width: 50px;
    height: 50px;
    position: absolute;
    /*top: -10px;*/
    top: 100px;
    left: 0;
    /* background-color: red;*/
    border-radius: 50%;
    /*animation: move9ball 4s linear infinite;*/
}
#move08{
    width: 50px;
    height: 50px;
    position: absolute;
    /*top: -10px;*/
    top: 100px;
    left: 0;
    /* background-color: red;*/
    border-radius: 50%;
    /*animation: move9ball 4s linear infinite;*/
}
#move9{
    width: 50px;
    height: 50px;
    position: absolute;
    /*top: -10px;*/
    top: 100px;
    right: 0px;
    /* background-color: red;*/
    border-radius: 50%;
    /*display: none;*/
    /*animation: move10ball 4s linear infinite;*/
}
#move09{
    width: 50px;
    height: 50px;
    position: absolute;
    /*top: -10px;*/
    top: 100px;
    right: 0px;
    /* background-color: red;*/
    border-radius: 50%;
    /*display: none;*/
    /*animation: move10ball 4s linear infinite;*/
}
#move10{
    width: 50px;
    height: 50px;
    position: absolute;
    /*top: -10px;*/
    top: 100px;
    left: 0;
    /* background-color: red;*/
    border-radius: 50%;
    /*animation: move11ball 4s linear infinite;*/
}
#move010{
    width: 50px;
    height: 50px;
    position: absolute;
    /*top: -10px;*/
    top: 100px;
    left: 0;
    /* background-color: red;*/
    border-radius: 50%;
    /*animation: move11ball 4s linear infinite;*/
}
#move11{
    width: 50px;
    height: 50px;
    position: absolute;
    /*top: -10px;*/
    top: 100px;
    right: 0px;
    /* background-color: red;*/
    border-radius: 50%;
    /*display: none;*/
    /*animation: move12ball 4s linear infinite;*/

}
#move011{
    width: 50px;
    height: 50px;
    position: absolute;
    /*top: -10px;*/
    top: 100px;
    right: 0px;
    /* background-color: red;*/
    border-radius: 50%;
    /*display: none;*/
    /*animation: move12ball 4s linear infinite;*/

}
#move12{
    width: 50px;
    height: 50px;
    position: absolute;
    /*top: -10px;*/
    top: 100px;
    left: 0;
    /* background-color: red;*/
    border-radius: 50%;
    /*animation: move13ball 4s linear infinite;*/
}
#move012{
    width: 50px;
    height: 50px;
    position: absolute;
    /*top: -10px;*/
    top: 100px;
    left: 0;
    /* background-color: red;*/
    border-radius: 50%;
    /*animation: move13ball 4s linear infinite;*/
}
#move13{
    width: 50px;
    height: 50px;
    position: absolute;
    /*top: -10px;*/
    top: 100px;
    right: 0px;
    /*display: none;*/
    /* background-color: red;*/
    border-radius: 50%;
    /*animation: move14ball 4s linear infinite;*/
}
#move013{
    width: 50px;
    height: 50px;
    position: absolute;
    /*top: -10px;*/
    top: 100px;
    right: 0px;
    /* background-color: red;*/
    border-radius: 50%;
    /*display: none;*/
    /*animation: move14ball 4s linear infinite;*/
}
@keyframes move1ball {
    0%   {top:110px;left:300px}
    30%  {top:110px;left:510px; transform: rotate(0deg);}
    32%  {top:110px;left:510px; transform: rotate(47deg);}
    70%  {top:222px;left:600px; transform: rotate(47deg);}
    72%  {top:222px;left:615px; transform: rotate(0deg);}

    100% {top:222px;left:780px;}
}

@keyframes move2ball {
    0%   {top:210px;left:320px}
    30%  {top:210px;left:500px; transform: rotate(0deg);}
    32%  {top:210px;left:500px; transform: rotate(50deg);}
    70%  {top:295px;left:570px; transform: rotate(50deg);}
    72%  {top:295px;left:615px; transform: rotate(0deg);}

    100% {top:295px;left:770px;}
}
@keyframes move3ball {
    0%   {top:225px;right:760px}
    30%  {top:225px;right:610px; transform: rotate(0deg);}
    32%  {top:220px;right:610px; transform: rotate(-47deg);}
    70%  {top:120px;right:520px; transform: rotate(-47deg);}
    72%  {top:110px;right:520px; transform: rotate(0deg);}
    100% {top:110px;right:300px;}
}
@keyframes move4ball {
    0%   {top:293px;right:760px}
    30%  {top:293px;right:580px; transform: rotate(0deg);}
    32%  {top:285px;right:580px; transform: rotate(-47deg);}
    70%  {top:210px;right:500px; transform: rotate(-47deg);}
    72%  {top:210px;right:500px; transform: rotate(0deg);}
    100% {top:210px;right:320px;}
}
@keyframes move5ball {
    0%   {top:315px;left:320px}
    30%  {top:315px;left:510px; transform: rotate(0deg);}
    32%  {top:315px;left:510px; transform: rotate(45deg);}
    70%  {top:355px;left:560px; transform: rotate(45deg);}
    72%  {top:360px;left:570px; transform: rotate(0deg);}

    100% {top:360px;left:770px;}
}
@keyframes move6ball {
    0%   {top:360px;right:760px}
    30%  {top:360px;right:575px; transform: rotate(0deg);}
    32%  {top:355px;right:570px; transform: rotate(-35deg);}
    70%  {top:310px;right:505px; transform: rotate(-35deg);}
    72%  {top:315px;right:505px; transform: rotate(0deg);}
    100% {top:315px;right:320px;}
}
@keyframes move7ball {
    0%   {top:420px;left:330px}
    100% {top:420px;left:770px;}
}
@keyframes move8ball {
    0%   {top:420px;right:760px}
    100% {top:420px;right:320px;}
}
@keyframes move9ball {
    0%   {top:530px;left:330px}
    30%  {top:530px;left:570px; transform: rotate(0deg);}
    32%  {top:525px;left:580px; transform: rotate(-47deg);}
    70%  {top:460px;left:630px; transform: rotate(-47deg);}
    72%  {top:465px;left:630px; transform: rotate(0deg);}
    100% {top:465px;left:770px;}
}
@keyframes move10ball {
    0%   {top:470px;right:760px}
    30%  {top:470px;right:620px; transform: rotate(0deg);}
    32%  {top:475px;right:620px; transform: rotate(47deg);}
    70%  {top:530px;right:580px; transform: rotate(47deg);}
    72%  {top:535px;right:570px; transform: rotate(0deg);}
    100% {top:535px;right:320px;}
}
@keyframes move11ball {
    0%   {top:630px;left:330px}
    50%  {top:630px;left:528px; transform: rotate(0deg);}
    52%  {top:620px;left:533px; transform: rotate(-60deg);}
    98%  {top:515px;left:595px; transform: rotate(-60deg);}
    100%  {top:510px;left:595px; transform: rotate(-60deg);}
}
@keyframes move12ball {
    0%   {top:530px;right:600px;transform: rotate(60deg);}
    50%  {top:620px;right:530px; transform: rotate(60deg);}
    52%  {top:630px;right:525px; transform: rotate(0deg);}
    98%  {top:630px;right:350px; }
    100%  {top:630px;right:320px; }
}
@keyframes move13ball {
    0%   {top:740px;left:330px}
    50%  {top:740px;left:530px; transform: rotate(0deg);}
    52%  {top:735px;left:540px; transform: rotate(-70deg);}
    98%  {top:535px;left:610px; transform: rotate(-70deg);}
    100%  {top:530px;left:610px; transform: rotate(-60deg);}
}
@keyframes move14ball {
    0%   {top:580px;right:600px;transform: rotate(68deg);}
    50%  {top:740px;right:540px; transform: rotate(68deg);}
    52%  {top:745px;right:535px; transform: rotate(0deg);}
    98%  {top:745px;right:320px;}
    100%  {top:745px;right:320px; }
}